<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/index.css">
	<script src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
	<br><br>
<div class="box">	
 	<div id="box1" class="box1" >
 		
 		<div class="sendbox">
 			<div class="name">
 				<span class="username">姓名</span> <span class="pubdate">shakhefwefwefwefwewdk</span>
 			</div>
		<div class="send">
		     <div class="arrow"></div>
			 你好，今天晚上吃的什么？
		</div>
		</div>
		
		<div class="sendleftbox">
 			<div class="nameleft">
 				<span class="username">姓名</span> <span class="pubdate">shakhefwefwefwefwewdk</span>
 			</div>
			<div class="sendleft">
			    <div class="arrowleft"></div>
				你好，今天晚上吃的什么？
			</div>
		</div>

	</div>
	
	<div class="box3">
		<div id="chart">
		<!-- <table id="on_line">
			<tr><td aligh="center" >用户一</td></tr>
			<tr><td aligh="center" >用户二</td></tr>
			<tr><td aligh="center" >用户三</td></tr>
		</table> -->
			<p class="self">用户一</p>
			<p class="user new_message">用户二</p>
			<p class="user">用户三</p>
		</div>	
	</div>
	
	<div class="box2" >
		<textarea id="ta"></textarea>
		<div class="a">
			<button id="submit">发送</button>
		</div>
	</div>
</div>	


<!-- 	<div id="container">
		<div id="receive">receive<br><div id="receive_msg"></div></div>
		<div id="send">send<br>
			<textarea id="send_msg"></textarea>
			<button id="submit">send</button>
			<button id="load">load</button>
		</div>
	</div> -->
	 		 <script src="js/index.js"></script>  
	 <script>
	 function new_message_animation () {
		$(".new_message").animate({opacity: '0.3'});
		$(".new_message").animate({opacity: '1.3'});
	}
	
	function a () {
	    setInterval(new_message_animation, 10);
	}

	function b(){
		var a = $("#chart").find("p").first();
		console.log(a);
		while(a.length)
		{
			a = a.next();
			console.log(a);
		}
	}

	function c() {
		var s = ("#chart").find("p");
		if(s.length){
			var a = s.first();
			console.log(a);
			while(a.next().length){
				a = a.next();
				console.log(a);
			}
		}
	}
	</script>

</body>
</html>
